<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>土地资源保护</title>
    <link rel="stylesheet" href="../css/tudiwomen.css">
</head>
<body>
    <header>
        <a name="top"></a>
        <div class="menu-bar">
            <h1 class="logo"><span>FBI</span>小组</h1>
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a href="./tudigainian.html">基本概念</a>
                    <!-- <div class="dropdown-menu">
                        <ul>
                            <li><a href="土地资源保护(基本概念).html">简述</a></li>
                            <li><a href="土地资源保护(基本概念).html">原则</a></li>
                            <li><a href="土地资源保护(基本概念).html">内容</a></li>
                            <li><a href="土地资源保护(基本概念).html">法律依据</a></li>
                            <li><a href="土地资源保护(基本概念).html">法律规范</a></li>
                        </ul>
                    </div> -->
                </li>
                <li><a href="./tudibumen.html">相关部门</a></li>
                <li><a href="http://www.gov.cn/fuwu/bm/zrzyb/index.htm" target="_blank">了解更多</a></li>
                <li><a href="./tudiwomen.html">关于我们</a></li>
            </ul>
        </div>     
    </header>
    
    <section>
        <div class="container">
            <div class="card">
                <span></span>
                <div class="content">
                    <h2>成员信息：</h2>
                    <p><b>姓名：</b>唐铭键</p>
                    <p><b>性别：</b>男</p>
                    <p><b>专业：</b>软件工程</p>
                    <p><b>毕业学校:</b>攀枝花七中</p>
                </div>
            </div>
            <div class="card">
                <span></span>
                <div class="content">
                    <h2>成员信息：</h2>
                    <p><b>姓名：</b>史淑文</p>
                    <p><b>性别：</b>男</p>
                    <p><b>专业：</b>软件工程</p>
                    
                    <p><b>毕业学校：</b>平武中学</p>
                </div>
            </div>
            <div class="card">
                <span></span>
                <div class="content">
                    <h2>成员信息：</h2>
                    <p><b>姓名：</b>潘玉</p>
                    <p><b>性别：</b>男</p>
                    <p><b>专业：</b>软件工程</p>
                    <p><b>毕业学校：</b>恩阳中学</p>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="one">
                <div class="one_one">
                    <p><h1><b>作品构思：</b></h1></p>
                    <p><b>（一）目的：</b></p>
                    <p>随着国家的发展，人们对自然的破坏也越来越严重。因此，警示人们保护自然迫在眉睫！设计该作品的目的是普及自然保护的相关知识、整合国家相关部门架构和官网。</p>
                    <p><b>（二）亮点：</b></p>
                    <p>首页采用加粗大标题“自然保护”突出主题，让用户眼前一亮。该主题分为四个板块，并且采用动画的形式展示四个板块，意在吸引用户点击，去了解相关知识。</p>
                    <p>各个板块采用相同的布局结构、不同的色彩搭配，使网页既具备展示知识的严谨性、规范性，又不会显得单调无聊。</p>
                    <p>为方便用户更快速地找到想了解的知识，导航栏设置了锚链接，可以更快捷的定位到相关知识的位置。</p>
                    <p>主要内容部分，采用轮播图片的方式，播放资源被破坏以及修复之后的对比图，可以让用户更加直观地认识到自然保护的重要性。更能抓住用户的眼球。</p>
                    <p>相关部门部分列举了中国在自然保护方面的各个部门架构，可以让用户更加快速的了解国家相关部门的作用，有针对性的解决用户需求，</p>
                    <p>了解更多可以方便用户更便捷地找到国家关于自然保护的相关官网。</p>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <a name="down"></a>
        <div class="down">
            <div class="left">
                <div class="left_1">
                    <span> <p>主办团队：四川轻化工大学FBI小组</p> </span><br>
                    <span> <p>小组成员：唐铭键、史淑文、潘玉</p> </span><br>
                    <span> <p> 网页图片资源均来自网络，如有侵权，联系删除</p></span>
                </div>
            </div>
            <div class="right">
                <div class="right_1">
                    <span><img src="http://www.gov.cn/govweb/xhtml/2016gov/guowuyuan/20190301gwykhd/images/icon_1234.png" width="100px" height="100px"></span>
                    <span>国务院客户端</span>
                </div>
                <div class="right_2">
                    <span><img src="../Picture/wechat.png" alt="" width="100px" height="100px"></span>
                    <span>联系我们</span>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>